<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
    <title>Wa-o视觉创意协会</title>
    <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;700&amp;display=swap">
    <link rel="stylesheet" href="assets/fonts/font-awesome.min.css">
    <link rel="stylesheet" href="assets/fonts/ionicons.min.css">
    <link rel="stylesheet" href="assets/css/Bold-BS4-CSS-Image-Slider.css">
    <link rel="stylesheet" href="assets/css/Carousel-Hero.css">
    <link rel="stylesheet" href="assets/css/Carousel.css">
    <link rel="stylesheet" href="assets/css/Circle-Nav.css">
    <link rel="stylesheet" href="assets/css/Data-Table-1.css">
    <link rel="stylesheet" href="assets/css/Data-Table.css">
    <link rel="stylesheet" href="assets/css/dh-card-image-left-dark.css">
    <link rel="stylesheet" href="assets/css/Footer-Dark.css">
    <link rel="stylesheet" href="assets/css/gradient-navbar-1.css">
    <link rel="stylesheet" href="assets/css/gradient-navbar.css">
    <link rel="stylesheet" href="https://cdn.datatables.net/1.10.15/css/dataTables.bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/Navigation-Dark-Clean.css">
    <link rel="stylesheet" href="assets/css/Sidebar-Menu-1.css">
    <link rel="stylesheet" href="assets/css/Sidebar-Menu.css">
    <link rel="stylesheet" href="assets/css/styles.css">
</head>

<body>
    <nav class="navbar navbar-dark navbar-expand-md bg-dark navigation-clean">
        <div class="container"><a class="navbar-brand" href="main.html">Wa-o视觉创意协会</a><button data-toggle="collapse" class="navbar-toggler" data-target="#navcol-1"><span class="sr-only">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
            <div class="collapse navbar-collapse"
                id="navcol-1">
                <ul class="nav navbar-nav ml-auto">
                    <li class="nav-item"><a class="nav-link" href="main.html">首页</a></li>
                    <li class="nav-item"><a class="nav-link active" href="gallery.html">作品展示</a></li>
                    <li class="nav-item"><a class="nav-link" href="resource-download.html">资源下载</a></li>
                    <li class="nav-item dropdown"><a class="dropdown-toggle nav-link" data-toggle="dropdown" aria-expanded="false" href="#">更多</a>
                        <div class="dropdown-menu"><a class="dropdown-item" href="https://jq.qq.com/?_wv=1027&amp;k=zMAkrv78">加入我们</a><a class="dropdown-item" href="aboutAuthor.html">关于作者</a><a class="dropdown-item" href="https://gitee.com/cuetalu/wa-o">开源地址</a></div>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
    <div class="carousel slide" data-ride="carousel" id="carousel-1">
        <div class="carousel-inner">
            <div class="carousel-item">
                <div class="jumbotron hero-nature carousel-hero">
                    <h1 class="hero-title">测试文本</h1>
                    <p class="hero-subtitle">测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本<br></p>
                    <p><a class="btn btn-primary btn-lg hero-button" role="button" href="#">了解更多</a></p>
                </div>
            </div>
            <div class="carousel-item">
                <div class="jumbotron hero-photography carousel-hero">
                    <h1 class="hero-title">测试文本<br></h1>
                    <p class="hero-subtitle">测试文本测试文本<br></p>
                    <p><a class="btn btn-primary btn-lg hero-button" role="button" href="#">了解更多<br></a></p>
                </div>
            </div>
            <div class="carousel-item active">
                <div class="jumbotron hero-technology carousel-hero">
                    <h1 class="hero-title">测试文本<br></h1>
                    <p class="hero-subtitle">测试文本测试文本<br></p>
                    <p><a class="btn btn-primary btn-lg hero-button" role="button" href="#">了解更多<br></a></p>
                </div>
            </div>
        </div>
        <div><a class="carousel-control-prev" href="#carousel-1" role="button" data-slide="prev"><i class="fa fa-chevron-left"></i><span class="sr-only">Previous</span></a><a class="carousel-control-next" href="#carousel-1" role="button" data-slide="next"><i class="fa fa-chevron-right"></i><span class="sr-only">Next</span></a></div>
        <ol
            class="carousel-indicators">
            <li data-target="#carousel-1" data-slide-to="0"></li>
            <li data-target="#carousel-1" data-slide-to="1"></li>
            <li data-target="#carousel-1" data-slide-to="2" class="active"></li>
            </ol>
    </div><div class="photo-gallery">
    <div class="container">
        <div class="intro">
            <h2 class="text-center" style="font-family: Montserrat, sans-serif;">陈露</h2>
            <p class="text-center" style="font-family: Montserrat, sans-serif;">喜欢的事物很多 音乐、C4D、Maya、Substance Painter、 PFTrack、Mocha、UI&UX、Adobe XD、</p>
        </div>

<div class="container">
  <div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">
    <ol class="carousel-indicators">
      <li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li>
      <li data-target="#carouselExampleCaptions" data-slide-to="1"></li>
      <li data-target="#carouselExampleCaptions" data-slide-to="2"></li>
      <li data-target="#carouselExampleCaptions" data-slide-to="3"></li>
    </ol>
    <div class="carousel-inner">
      <div class="carousel-item active">
        <img src="assets/img/sun.png" class="d-block w-100" alt="...">
        <div class="carousel-caption d-none d-md-block">
          <h5>太阳</h5>
          <p>使用Blender这个免费开源软件制作的</p>
        </div>
      </div>
      <div class="carousel-item">
        <img src="assets/img/land.png" class="d-block w-100" alt="...">
        <div class="carousel-caption d-none d-md-block">
          <h5>太阳</h5>
          <p>使用Blender这个免费开源软件制作的</p>
        </div>
      </div>
      <div class="carousel-item">
        <img src="assets/img/land.png" class="d-block w-100" alt="...">
        <div class="carousel-caption d-none d-md-block">
          <h5>太阳</h5>
          <p>使用Blender这个免费开源软件制作的</p>
        </div>
      </div>
        <div class="carousel-item">
        <img src="assets/img/land.png" class="d-block w-100" alt="...">
        <div class="carousel-caption d-none d-md-block">
          <h5>太阳</h5>
          <p>使用Blender这个免费开源软件制作的</p>
        </div>
      </div>
    </div>
    <a class="carousel-control-prev" href="#carouselExampleCaptions" role="button" data-slide="prev">
      <span class="carousel-control-prev-icon" aria-hidden="true"></span>
      <span class="sr-only">Previous</span>
    </a>
    <a class="carousel-control-next" href="#carouselExampleCaptions" role="button" data-slide="next">
      <span class="carousel-control-next-icon" aria-hidden="true"></span>
      <span class="sr-only">Next</span>
    </a>
  </div>
</div>
</div><div class="photo-gallery">
    <div class="container">
        <div class="intro">
            <h2 class="text-center" style="font-family: Montserrat, sans-serif;">李艳</h2>
            <p class="text-center" style="font-family: Montserrat, sans-serif;">个人介绍</p>
        </div>

<div class="container">
  <div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">
    <ol class="carousel-indicators">
      <li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li>
      <li data-target="#carouselExampleCaptions" data-slide-to="1"></li>
      <li data-target="#carouselExampleCaptions" data-slide-to="2"></li>
      <li data-target="#carouselExampleCaptions" data-slide-to="3"></li>
    </ol>
    <div class="carousel-inner">
      <div class="carousel-item active">
        <img src="assets/img/sun.png" class="d-block w-100" alt="...">
        <div class="carousel-caption d-none d-md-block">
          <h5>太阳</h5>
          <p>使用Blender这个免费开源软件制作的</p>
        </div>
      </div>
      <div class="carousel-item">
        <img src="assets/img/land.png" class="d-block w-100" alt="...">
        <div class="carousel-caption d-none d-md-block">
          <h5>太阳</h5>
          <p>使用Blender这个免费开源软件制作的</p>
        </div>
      </div>
      <div class="carousel-item">
        <img src="assets/img/land.png" class="d-block w-100" alt="...">
        <div class="carousel-caption d-none d-md-block">
          <h5>太阳</h5>
          <p>使用Blender这个免费开源软件制作的</p>
        </div>
      </div>
        <div class="carousel-item">
        <img src="assets/img/land.png" class="d-block w-100" alt="...">
        <div class="carousel-caption d-none d-md-block">
          <h5>太阳</h5>
          <p>使用Blender这个免费开源软件制作的</p>
        </div>
      </div>
    </div>
    <a class="carousel-control-prev" href="#carouselExampleCaptions" role="button" data-slide="prev">
      <span class="carousel-control-prev-icon" aria-hidden="true"></span>
      <span class="sr-only">Previous</span>
    </a>
    <a class="carousel-control-next" href="#carouselExampleCaptions" role="button" data-slide="next">
      <span class="carousel-control-next-icon" aria-hidden="true"></span>
      <span class="sr-only">Next</span>
    </a>
  </div>
</div>
</div><div class="photo-gallery">
    <div class="container">
        <div class="intro">
            <h2 class="text-center" style="font-family: Montserrat, sans-serif;">赵馨怡</h2>
            <p class="text-center" style="font-family: Montserrat, sans-serif;">个人介绍</p>
        </div>

<div class="container">
  <div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">
    <ol class="carousel-indicators">
      <li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li>
      <li data-target="#carouselExampleCaptions" data-slide-to="1"></li>
      <li data-target="#carouselExampleCaptions" data-slide-to="2"></li>
      <li data-target="#carouselExampleCaptions" data-slide-to="3"></li>
    </ol>
    <div class="carousel-inner">
      <div class="carousel-item active">
        <img src="assets/img/sun.png" class="d-block w-100" alt="...">
        <div class="carousel-caption d-none d-md-block">
          <h5>太阳</h5>
          <p>使用Blender这个免费开源软件制作的</p>
        </div>
      </div>
      <div class="carousel-item">
        <img src="assets/img/land.png" class="d-block w-100" alt="...">
        <div class="carousel-caption d-none d-md-block">
          <h5>太阳</h5>
          <p>使用Blender这个免费开源软件制作的</p>
        </div>
      </div>
      <div class="carousel-item">
        <img src="assets/img/land.png" class="d-block w-100" alt="...">
        <div class="carousel-caption d-none d-md-block">
          <h5>太阳</h5>
          <p>使用Blender这个免费开源软件制作的</p>
        </div>
      </div>
        <div class="carousel-item">
        <img src="assets/img/land.png" class="d-block w-100" alt="...">
        <div class="carousel-caption d-none d-md-block">
          <h5>太阳</h5>
          <p>使用Blender这个免费开源软件制作的</p>
        </div>
      </div>
    </div>
    <a class="carousel-control-prev" href="#carouselExampleCaptions" role="button" data-slide="prev">
      <span class="carousel-control-prev-icon" aria-hidden="true"></span>
      <span class="sr-only">Previous</span>
    </a>
    <a class="carousel-control-next" href="#carouselExampleCaptions" role="button" data-slide="next">
      <span class="carousel-control-next-icon" aria-hidden="true"></span>
      <span class="sr-only">Next</span>
    </a>
  </div>
</div>
</div>
    <div id="none"></div>
    <div class="footer-dark">
        <footer>
            <div class="container">
                <div class="row">
                    <div class="col-sm-6 col-md-3 item">
                        <h3>加入我们</h3>
                        <ul>
                            <li><a href="https://jq.qq.com/?_wv=1027&amp;k=zAmeCCpM">QQ群：1013174883</a></li>
                            <li></li>
                            <li></li>
                        </ul>
                    </div>
                    <div class="col-sm-6 col-md-3 item">
                        <h3>关于作者</h3>
                        <ul>
                            <li><a href="#">17级数字媒体技术 陈露</a></li>
                            <li><a href="https://qm.qq.com/cgi-bin/qm/qr?k=LR22WTCzNspLsDH-8c-8IKLLI34LF05K">QQ：2449205544</a></li>
                            <li><a href="mailto:cuetalu@gmail.com">邮箱：cuetalu@gmail.com</a></li>
                        </ul>
                    </div>
                    <div class="col-md-6 item text">
                        <h3>介绍</h3>
                        <p>这是陈露在2020年10月21日晚使用Bootstrap制作的响应式布局页面<br></p>
                    </div>
                    <div class="col item social"><a href="https://www.facebook.com/cuetalu"><i class="icon ion-social-facebook"></i></a><a href="https://twitter.com/cuetalu"><i class="icon ion-social-twitter"></i></a><a href="https://www.instagram.com/cuetalu/"><i class="icon ion-social-instagram"></i></a></div>
                </div>
                <p class="copyright">版权信息 cuetalu © 2020</p>
            </div>
        </footer>
    </div>
    <script src="assets/js/jquery.min.js"></script>
    <script src="assets/bootstrap/js/bootstrap.min.js"></script>
    <script src="https://cdn.datatables.net/1.10.15/js/jquery.dataTables.min.js"></script>
    <script src="https://cdn.datatables.net/1.10.15/js/dataTables.bootstrap.min.js"></script>
    <script src="assets/js/Circle-Nav.js"></script>
    <script src="assets/js/Sidebar-Menu.js"></script>
</body>

</html>